/**
全局变量，Vue2，Vue3项目公用
*/

/*默认主题*/
:root{
  //表示状态相关的变量
  --yt-status-todo-color: #8F8F8F; //待完成状态【文字颜色】
  --yt-status-todo-border-color: #CDCDCD; //待完成状态【边框颜色】
  --yt-status-todo-bg-color: #F2F2F2; //待完成状态【背景颜色】

  --yt-status-doing-color: #FD6100; //进行中状态【文字颜色】
  --yt-status-doing-border-color: #FFCEAF; //进行中状态【边框颜色】
  --yt-status-doing-bg-color: #FFF0E6; //进行中状态【背景颜色】

  --yt-status-complete-color: #00C313; //已完成的【文字颜色】
  --yt-status-complete-border-color: #9CFFA6; //已完成的【边框颜色】
  --yt-status-complete-bg-color: #DAFFDD; //已完成的【背景颜色】

  --yt-status-false-color: #FD0000; //否定状态【文字颜色】
  --yt-status-false-border-color: #FFC0C0; //否定状态【边框颜色】
  --yt-status-false-bg-color: #FFEDED; //否定状态【背景颜色】

  //表示文本按钮相关的变量
  --yt-btn-color-default: #0075FF; //普通按钮类型颜色
  --yt-btn-color-not-allow: #93B0D3; //禁止按钮类型颜色
  --yt-btn-color-yes: #04E81B; //通过/是类型按钮颜色
  --yt-btm-color-warning: #FD6100; //警告类型按钮颜色
  --yt-btn-color-danger: #FD0000; //删除/禁用/否类型按钮颜色

  //通用颜色变量
  --yt-color-primary: #0075ff; //高亮颜色变量修改
  --yt-color-success: #09BF5B; //成功颜色
  --yt-color-text-primary: #333333; //重要文本颜色，标题颜色
  --yt-color-table-border: #EBEBEB; //表格表框颜色
  --yt-color-table-header-bg: #F5F7FA; //表头背景颜色
  --yt-color-table-text: #666666; //表格内容区文字颜色
  --yt-color-table-text-font-size: 12px; //表格内容区文字大小
  --yt-border-color-base: #DCDFE6; //通用边框颜色
  --yt-border-radius-base: 4px; //通用边框圆角

  // element-plus 主题色（蓝色）
  --el-color-primary: #23a100;
  --el-color-primary-light-3: #79bbff;
  --el-color-primary-light-5: #a0cfff;
  --el-color-primary-light-7: #c6e2ff;
  --el-color-primary-light-8: #d9ecff;
  --el-color-primary-light-9: #ecf5ff;

}

/*绿色主题*/

html.green{
  //表示文本按钮相关的变量
  --yt-btn-color-default: #23a100; //普通按钮类型颜色

  // 通用颜色
  --yt-color-primary: #23a100; //高亮颜色变量修改

  // element-plus 主题色（蓝色）
  --el-color-primary: #23a100;
  --el-color-primary-light-3: #65bd4d;
  --el-color-primary-light-5: #91d080;
  --el-color-primary-light-7: #bde3b3;
  --el-color-primary-light-8: #d3eccc;
  --el-color-primary-light-9: #e9f6e6;
}
